.btn {
  width: 704px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
  text-decoration: none;
}

.authBox {
  min-height: 100vh;
}

.authType {
  height: 150px;
  border: #D4D4D4 3px solid;

  :global {
    .icon {
      width: 112px;
      height: 112px;
    }
  }

  .alipay {
    background-image: url(../img/alipay.png);
  }

  .manage {
    background-image: url(../img/manage.png);
  }

  &.current {
    background: #DCF6FE;
    border-color: #56B2F5;
  }
}

.boxIpt {
  height: 144px;
  line-height: 80px;
  padding-top: 32px;
  padding-bottom: 32px;
  width: 127px;
}

// .arrowDown {
//     width: 32px;
//     height: 22px;
//     // background-image: url(../assets/icons/sort-bottom@2x.png);
//     margin-left: 12px;
// }

.authButton {
  width: 100%;
  height: 132px;
  border-radius: 60px;
  background-color: #449FEF;

  &.disabled {
    background: #DDDDDD;
  }
}

.lgGetCode {
  width: 180px;
  height: 72px;
  line-height: 72px;
  background: #449FEF;
  border-radius: 12px;

  .in {
    width: 516px;
    height: 144px;
    line-height: 144px;
    text-align: center;
  }

  &.disabled {
    background: #D2D2D2;
  }
}

.codeLine {
  width: 3px;
  height: 49px;
  background: #D4D4D4;
}

.cardBox {
  height: 582px;

  .camera {
    width: 109px;
    height: 94px;
    background-image: url(../img/camera.png);
  }

  &.gh {
    background-image: url(../img/cardGH.png);
  }

  &.photo {
    background-image: url(../img/cardPhoto.png);
  }

  &.person {
    background-image: url(../img/cardAndPerson.png);
  }

  .showpic {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

.authOk {
  width: 443px;
  height: 404px;
  background-image: url(../img/authOk.png);
}

.authFail {
  width: 443px;
  height: 404px;
  background-image: url(../img/authFail.png);
}

.authBtn {
  width: 704px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
